<template>
	<!-- 标题 -->
	<div class="title">
		肇庆两日游 I 这些打卡点藏不住了！
		<p style="font-size: 15px;color: #7e7e7e;margin-top: 8px;">2天1晚</p>
	</div>

	<!-- 内容 -->
	<el-timeline class="luxian">
		<div style="margin-left: -10%; margin-top: 8%;">
			<p style="font-size: 25px;font-weight: 700;margin-bottom: 10px;">DAY1</p>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/七星岩.jpg" class="zhaopian" />
					<h3>七星岩景区</h3>
					<p>肇庆市区很有大自然风光、绿意十足的公园感觉。有几分像广西桂林的相公山。</p>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/岩前村.jpg" class="zhaopian" />
					<h3>岩前村</h3>
					<p>被本地人称作肇庆的“洱海”。很文艺很优雅，肇庆city walk散步的好地方!</p>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/牌坊.jpg" class="zhaopian" />
					<h3>七星岩牌坊</h3>
					<p>很大的一个牌坊广场，打卡拍照特别出片，晚上还有喷泉呢！</p>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/古城墙.jpg" class="zhaopian" />
					<h3>肇庆古城墙+骑楼街</h3>
					<p>抚摸城砖、感受千年肇庆古城的历史沧桑。登上城楼感觉穿越回了古代，有古风的感觉，晚上的骑楼街很有感觉。</p>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="其他" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/忠勇路.jpg" class="zhaopian" />
					<h3>忠勇路</h3>
					<p>有很多小吃，整条街是卖女生衣服的，偏年轻化，很适合大学生逛。</p>
				</el-card>
			</el-timeline-item>
			<p style="font-size: 25px;font-weight: 700;margin-bottom: 10px;">DAY2</p>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/博物馆.png" class="zhaopian" />
					<h3>肇庆博物馆</h3>
					<p>去了才知道肇庆是岭南广府文化的发祥地，见到特别多的珍宝文物，真的很震撼，必去！</p>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="景点" placement="top" class="ge">
				<el-card style="border-radius: 20px;">
					<img src="/static/tiezi1/鼎湖山.jpg" class="zhaopian" />
					<h3>鼎湖山</h3>
					<p> 网红景区，游山玩水很不错!!很天然的一座山徒步大口吸氧。是一个赏大自然风景的一个好地方！</p>
				</el-card>
			</el-timeline-item>
		</div>
	</el-timeline>

</template>

<script>

</script>

<style>
	/* 标题start */
	.title {
		width: 100%;
		height: 140px;
		font-size: 30px;
		font-weight: 700;
		background-color: #feedd9;
		text-align: center;
		padding-top: 5px;
	}

	/* 标题end */
	/* 路线start */
	.luxian {
		max-width: 100%;
		background-color: #fff;
		border-radius: 20px 20px 0 0;
		position: absolute;
		top: 120px;
	}

	.ge {
		width: 90%;
	}

	.zhaopian {
		width: 100px;
		border-radius: 20px;
		align-items: center;
		text-align: center;
	}

	.uni-h3 {
		font-family: SimHei;
	}

	/* 路线end */
</style>